@import './performance/report.less';
@import './performance/programAudit.less';
@import './performance/accessResult.less';
@import './performance/accessAudit.less';
@import './performance/program.less';
@import './performance/programView.less';
@import './performance/programItem.less';
@import './performance/accessView.less';
@import './goal/goalLevel.less';
@import './goal/goalLevelCard.less';
@import './goal/goalLevelTag.less';
@import './goal/goalAdd.less';
@import './goal/goalComment.less';
@import './goal/goalMain.less';
@import './goal/goalDetail/goalDetail.less';
@import './goal//goalDetail/goalSubInfo.less';
@import './task/taskMain.less';
@import './task/newTask.less';
@import './task/taskDetailBaseinfo.less';
@import './task/taskDetailSubtask.less';
@import './task/taskDetailRelateinfo.less';
@import './task/taskDetailCommentinfo.less';
@import './task/taskDetailOperateLog.less';
@import './task/taskMainAdvancedSearch.less';
// @import './task/taskMainTagManageList.less';
// @import './task/taskMainTagManageDetail.less';
// @import './task/taskMainTagManageColorPicker.less';
@import './plan/planView.less';
@import './plan/planResult.less';
@import '../public/accordion/index.less';
@import '../public/alertPage/index.less';
@import '../public/back-to-top/style/index.less';
@import '../public/cardList/index.less';
@import '../public/feedback/index.less';
@import '../public/foldlist/index.less';
@import '../public/levellist/index.less';
@import '../public//menulist/index.less';
@import '../public/listcard/index.less';
@import '../public/log/index.less';
@import '../public/menu/index.less';
@import '../public/picker/index.less';
@import '../public/remark/index.less';
@import '../public/scrollselect/index.less';
@import '../public/wrttag/index.less';
@import '../public/tagmanage/index.less';

html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;

  #root {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .workrelate-goal-task-condition{
    .am-list{
      .am-list-body{
        .am-list-content {
          .am-list-item{
            padding-right:0 ;
          }
          .am-textarea-item-single-line .am-textarea-focus{
            padding-right:0 ;
          }
          .am-list-children{
            padding-right: 0;
            .wm-browser-valuespan{
              // white-space: nowrap;
              .value-span {
                margin-right: 0;
                margin-left: 15px;
              }
            }
          }
          .am-list-line{
            padding-right: 0;
          }
        }

        .am-textarea-control{
          textarea{
            text-align: right;
          }
        }
        .am-input-control{
          input{
            text-align: right;
          }
        }
        .am-list-children{
          text-align: right;
        }
        .am-picker-input-value{
          text-align: right;
          padding-right: 20px;
        }
        .am-list-extra{
          // width: 30px;
          .am-list-required{
            width: 10px;
          }
          .am-list-icon{
            float: right;
          }
        }
      }
    }

    .tag-content-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      display: inline-flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      align-content: flex-start;
      line-height: 20*@hd;
      padding: 5px 0;
      width: 100%;
      min-height: 100%;
      box-sizing: border-box;
      .content-wrapper {
        position: relative;
        flex-basis: auto;
        color: #ffffff;
        border-radius: 10px;
        text-align: center;
        white-space: normal;
        word-break: break-all;
        margin: 5px;
        .text {
            // display: inline-block;
            width: auto;
            height: 100%;
            overflow: auto;
            padding: 5px 10px;
            color: #ffffff;
            border-radius: 10px;
            text-align: center;
            white-space: normal;
            word-break: break-all;
        }
      }
      .tag-placeholder-wrapper {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          line-height: 44*@hd;
          font-size: 14*@hd;
          color: #868686;
          text-align: right;
      }
      .btn-wrapper {
          flex-basis: auto;
          height: 30px;
          padding: 10px;
          .btn-add {
              margin-right: 20px;
          }
      }
    }
  }
  //执行力条件样式
  .workrelate-condition {
    .custom-header .am-accordion-header {
      line-height: 28*@hd;
      height: 28*@hd;
      background: #f3f7fe;

      .arrow {
        top: 8*@hd;
      }
    }
    .am-accordion .am-accordion-item .am-accordion-content .am-accordion-content-box{
      border-bottom: none;
    }

    .am-list-form .am-list-form-body.border {
      border-bottom: none;
      margin-left: 0;
    }

    .wm-browser-hrm {
      margin-left: 15*@hd;

      .am-list-form.line.border {
        margin-left: 7*@hd;
      }
    }

    .wm-browser {
      margin-left: 15*@hd;

      .am-list-form.line.border {
        margin-left: 7*@hd;
      }
    }

    .am-list-form .am-list-form-header {
      padding-left: 0;
    }

    .am-list-form.line.border {
      border-bottom: none;
    }

    //去除底部的border
    .border-none {
      .am-list-body {
        border-bottom: none;
      }
    }

    //日期禁用的灰色改成黑色
    .disabled {
      .am-picker-input-value {
        color: black
      }
    }

    .am-list {
      .am-list-body {
        .am-list-form {
          .am-list-content {
            .am-switch {
              float: right;
              margin-top: 7*@hd;
            }
          }
        }
      }
    }

    .opensub {
      .am-list-label {
        flex-basis: 100*@hd;
      }
    }
  }

  .workrelate-task-am-list-label {
    .am-list-form.line {
      .am-list-label {
        flex-basis: 84*@hd;
        height: unset !important;
        white-space: unset !important;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        line-height: 26*@hd !important;
      }
      .am-list-content {
        min-height: 44*@hd !important;
        line-height: 26*@hd !important;
      }
    }
  }

  // datepicker组件样式重写
  .workrelate-condition-right {
    .am-list{
      .am-list-form{
        margin-right: 14*@hd;
      }

      .am-select{
        .am-list-form{
          margin-right: 0;
        }
      }
    }
        
  }

  .workrelate-mobile-am-list-no-extra {
    .am-list-extra {
      display: none;
    }
    .workrelate-am-list-has-extra {
      .am-list-extra {
        display: inline-block !important;
      }
    }
  }

  .workrelate-mobile-am-picker-no-padding {
    .am-picker-input-value {
      padding-right: 0 !important;
    }
  }

  // swipe组件样式重写
  .workrelate-swipe {
    .am-swipe {
      .am-swipe-btn {
        max-width: 60*@hd !important;
        min-width: 45*@hd !important;
        padding: 0 6*@hd !important;

        .am-swipe-btn-text {
          width: 100%;
          padding: 0;
          white-space: normal;
          word-break: normal;
          text-align: center;
        }
      }
    }
  }

  .workrelate-common-container {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .workrelate-am-list-no-arrow {
    .am-list-icon {
      visibility: hidden;
    }

    .browser-span-item-link {
      color: #4D7AD8;
    }
  }

  .workrelate-am-list-arrow-center {
    .am-list-icon {
      height: 100% !important;
      &>div {
        height: 100%;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
      }
    }
    .am-list-content {
      position: relative;
    }
    .right-arrow{
      .am-list-extra {
        display: block;
      }
    }
  }

  // upload组件样式重写
  .workrelate-upload {
    .am-file-picker-upload-btn {
      margin-bottom: 0;
    }

    .am-file-picker-note {
      margin-top: 0;
    }

    .am-file-picker-item {
      .am-file-picker-item-el {
        line-height: 22*@hd;
      }
    }
  }

  //执行力滚动样式
  .workrelate-roll {
    display: flex;
    display: -webkit-flex;
    height: 100vh;
    flex-direction: column;
    webkit-flex-direction: column;

    .roll {
      flex: 1;
      -ms-flex: 1;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
  }


  //执行力卡片样式重置
  .workrelate-listCard-reset {
    //覆盖之前
    .am-list-item, .am-list-line {
      padding: 0;

      .am-list-content {
        margin: 7*@hd;
        padding: 0 8*@hd;
      }
    }
  }

  //执行力左边菜单
  .workrelate-header-item {
    .workrelate-header-item-cycle {
      min-width: 90*@hd;
      display: inline-block;
      text-align: center;
    }
  }

  .workrelate-popover {
    min-width: 120*@hd;
    display: inline-block;
    text-align: center;
  }

  //执行力底部button
  .workrelate-button {
    background: #F7F7F7;
    height: 48*@hd;
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1*@hd solid #ddd;

    span {
      display: flex;
      flex: 1;
      height: 27*@hd;
      align-items: center;
      justify-content: center;
    }

    span:not(:first-child) {
      border-left: 1*@hd solid #DCDCDC;
    }
  }

  //执行力标签，需要自己更改标签底色
  .workrelate-status {
    min-width: 42*@hd;
    border-radius: 10*@hd;
    padding: 3*@hd 8*@hd;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    box-sizing: border-box;
    line-height: 14*@hd;
    font-size: 10*@hd;
  }

  //报告绩效头部标题栏样式
  .workrelate-mobile-header-title {
    background-color: white;
    padding: 10 * @hd 0 * @hd 0 * @hd 10 * @hd;
    position: relative;
    display: flex;

    &-left {
      position: relative;
      display: inline-block;
      width: 75%;

      &-title {
        color: #4D7AD8;
        font-size: 16 * @hd;
      }

      &-sub-title {
        font-size: 16 * @hd;
        color: black;
      }

      &-info {
        margin-top: 5 * @hd;

        &-audits {
          margin-right: 5 * @hd;
          font-size: 12 * @hd;
          color: #999999;
        }

        &-enddate {
          font-size: 12 * @hd;
          color: #999999;
        }
      }
    }

    &-right {
      position: relative;
      display: inline-flex;
      width: 25%;
      align-items: flex-end;
      justify-content: flex-end;
    }
  }

}
